<template>
    <div>
         <el-alert
            title="注意：只允许为第三级分类设置相关参数！"
            type="warning"
            show-icon
            :closable="false">
        </el-alert>
        <div>
            <span>选择商品分类：</span>
            <el-select v-model="value" placeholder="请选择">
                <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
                </el-option>
            </el-select>
        </div>
        <div>
             <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="动态参数" name="first">动态参数</el-tab-pane>
                <el-tab-pane label="静态参数" name="second">静态参数</el-tab-pane>
            </el-tabs>
        </div>
        <el-button type="primary" disabled>添加参数</el-button>
         <table border="1" cellspacing="0">
            <tr>
                <th></th>
                <th>#</th>
                <th>参数名称</th>
                <th>操作</th>
            </tr>
            <tr>
                <th class="zwshuj" colspan="7">暂无数据</th>
            </tr>
        </table>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang="scss">
el-alert{
    margin: 0 10px;
}
table{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ebeef5;
    margin-top: 15px;
    box-sizing: border-box;
    color: #606266;
    margin-bottom: 10px;
    .zwshuj{
    text-align: center;
}
}
</style>